{
    "detail": {
        "width": 1206,
        "height": 615,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "塔基月检",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "title": "文件夹",
            "name": "质量检查详情",
            "index": "96539d61-396c-4c92-8a0d-ac67a94180e6",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "文本框",
                    "name": "详情",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "(data)=>{\n    return {Sign:'bearer1:8a393180d9013b7eb2351f6fef279e49'}\n}",
                    "dataQuery": "(data)=>{\n    return {check_record_id:'66543084cf7fa6178a3f2d43',timeStamp:'1718621454505',randomNum:'81127'}\n}",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "月检记录详情"
                    },
                    "component": {
                        "width": 237.7,
                        "height": 40,
                        "name": "text",
                        "prop": "text",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "textAlign": "left",
                        "fontSize": 25,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 1.44,
                    "top": -7.74,
                    "index": "1ece6eaa-1e42-4dd4-87ca-8ab983aebb8f",
                    "zIndex": 5,
                    "display": true,
                    "lock": false,
                    "proxy": true,
                    "dataMethod": "get",
                    "url": "https://console-api.hibuilding.cn/plat/web/v1/common_check/check_record/detail_list"
                },
                {
                    "name": "返回",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 77.69,
                        "height": 38.87,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n    <div>\n        <el-button type=\"primary\" @click=\"close\">返回</el-button>\n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {}\n        },\n        created(){\n\n        },\n        methods:{\n            close(){\n                let refs=this.$parent.getItemRefs();\n               refs['96539d61-396c-4c92-8a0d-ac67a94180e6'].setDisplay(true)\n            }\n        }\n    }\n</script>\n\n<style>\n.closeEdit{\n font-size:40px;\n color:#fff;\n}\n</style>"
                    },
                    "left": 1105.58,
                    "top": -5.59,
                    "index": "cff1648a-2071-4e1d-8521-37eb10780a53",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 4,
                    "display": true
                },
                {
                    "name": "月检详情内容",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "(data) => {\n     return { Sign: \"bearer1:\" + '5c5eac2902730aa696ab3b5ca288dee4' };\n};\n",
                    "dataQuery": "(data)=>{\n    return {check_record_id:'60703537eff7ce34326fa6b2',timeStamp:100000,randomNum:100000}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1178.94,
                        "height": 537.16,
                        "name": "vue",
                        "prop": "vue",
                        "rotateZ": 0,
                        "rotateY": 0,
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"conter-xq\">\n    <div class=\"head-xq\">\n      <div class=\"info-xq\">发起人：{{ headData.name}}</div>\n      <div class=\"info-xq\">目前状态：{{ headData.status_name}}</div>\n    </div>\n    <div class=\"stage-con\">\n      <div class=\"stage-con-l\">\n      </div>\n      <div class=\"stage-con-r\">\n        <div class=\"stage-1\" v-for=\"(item, index) in list\" :key=\"index\" style=\"position: relative;\">\n          <div class=\"stage-h\">\n            <div class=\"big\">{{ item.check_item_name }}</div>\n            <div class=\"small\">发起人：{{ item.created_by_name }}</div>\n          </div>\n          <i class=\"el-icon-success\" style=\"font-size: 45px; color: #1890ff;position: absolute;left: -75px;top: 0;\" ></i>\n          <div\n            class=\"stage-li\"\n            v-for=\"(son, indexs) in item.content_detail\"\n            :key=\"indexs\"\n          >\n            <div class=\"lable\">{{ son.content_name }}</div>\n\n            <div\n              class=\"value\"\n              v-if=\"son.real_value && son.content_code != 'zp'\"\n            >\n              {{ son.real_value | montage }}\n            </div>\n            <div class=\"value\" v-else>\n              <el-image\n              v-for=\"(sons,indexs2) in son.real_value\" :key=\"indexs2\"\n                style=\"width: 100px; height: 100px;margin-right: 20px;\"\n                :src=\"sons\"\n                :preview-src-list=\"[sons]\"\n              >\n              </el-image>\n            </div>\n\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      check_record_id:'',\n      list: [],\n      headData:{}\n    };\n  },\n  filters: {\n    montage(value) {\n      let text = \"\";\n      if (value[0] instanceof Object) {\n        value.forEach((item) => {\n          let txr = item.value?item.value:item.user_name\n          text = text + txr;\n        });\n        return text;\n      } else {\n        value.forEach((item) => {\n          text = text + item;\n        });\n        return text;\n      }\n    },\n  },\n  mounted() {},\n  watch: {\n    check_record_id: {\n      handler(val) {\n        this.$emit(\"click\", { check_record_id: val });\n      },\n      deep: true,\n      immediate: true,\n    },\n    dataChart: {\n      handler(val) {\n        const data = val.data\n        this.list = data.list;\n        this.headData= {name:data.list[0].created_by_name,status_name:data.status_name}\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n};\n</script>\n\n<style>\n.conter-xq {\n  overflow: auto;\n  color: #fff;\n  font-size: 20px;\n  height: 500px;\n}\n.conter-l {\n  width: 90px;\n  padding-top: 50px;\n}\n.head-xq .info-xq {\n  margin-bottom: 20px;\n}\n.stage-con {\n  display: flex;\n}\n.stage-con-l {\n  width: 80px;\n}\n.stage-con-r{\n  width: calc(100% - 80px);\n}\n.stage-h {\n  display: flex;\n  align-items: center;\n  margin-bottom: 15px;\n}\n.stage-h > .big {\n  font-size: 23px;\n  font-weight: bold;\n  margin-right: 30px;\n}\n.stage-li {\n  display: flex;\n  margin-bottom: 20px;\n}\n.stage-li > .lable {\n  color: #84899c;\n  margin-right: 50px;\n\n}\n.stage-li > .value {\n  white-space:nowrap;\n}\n</style>\n"
                    },
                    "left": 2.48,
                    "top": 50.27,
                    "index": "153340d5-7603-4819-9aff-2a49e32cdb60",
                    "child": {
                        "index": [
                            "153340d5-7603-4819-9aff-2a49e32cdb60"
                        ],
                        "paramList": [],
                        "paramName": "check_record_id",
                        "paramValue": "check_record_id"
                    },
                    "zIndex": 3,
                    "lock": false,
                    "display": true,
                    "proxy": true,
                    "dataMethod": "get",
                    "url": "https://console-api.hibuilding.cn/plat/web/v1/common_check/check_record/detail_list"
                },
                {
                    "name": "背景",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1201.43,
                        "height": 616.71,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"bj\">\n      \n  </div>\n</template>\n<script>\nexport default{\n\n\n}\n</script>\n<style>\n  .bj{\n      width: 100%;\n      height: 100%;\n      background-color:#151057;\n  }\n</style>"
                    },
                    "left": -6.95,
                    "top": -13.9,
                    "index": "e77750e4-7f22-4af0-84da-311f0e26a90c",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 2,
                    "display": true
                }
            ],
            "zIndex": 6,
            "child": {},
            "dataFormatter": "",
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "日检",
            "index": "3d5a5c84-fb4a-4ae7-8e5e-ea142dddf1e0",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "name": "塔机月检表格",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data}\n}",
                    "dataHeader": "(data) => {\n      return { Sign: \"bearer1:\" + '5c5eac2902730aa696ab3b5ca288dee4' };\n};\n",
                    "dataQuery": "(data)=>{\n    return {\"check_tpl_id\":\"607035668de7984f8449afa2\",\"orders\":[],\"is_page\":1,\"project_id\":\"2205\",\"page\":1,\"page_size\":10,\"timeStamp\":100000,\"randomNum\":100000}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1202.25,
                        "height": 609.86,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div id=\"jypx\">\n    <el-table\n      :data=\"tableData\"\n      style=\"width: 100%; height: 100%\"\n      height=\"550px\"\n      :header-cell-style=\"{ 'text-align': 'center' }\"\n      :cell-style=\"{ 'text-align': 'center' }\"\n    >\n      <el-table-column label=\"序号\" type=\"index\" width=\"100\"> </el-table-column>\n      <el-table-column prop=\"created_by_name\" label=\"检查人\"> </el-table-column>\n      <el-table-column prop=\"rq\" label=\"检查年月\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"badjh\" label=\"备案登记号\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"zp\" label=\"照片\" show-overflow-tooltip>\n        <template slot-scope=\"scope\">\n          <el-image\n            style=\"width: 100px; height: 100px\"\n            :src=\"scope.row.zp\"\n            :preview-src-list=\"[scope.row.zp]\"\n            fit=\"cover\"\n          ></el-image>\n        </template>\n      </el-table-column>\n\n      <el-table-column prop=\"\" label=\"更多\">\n        <template slot-scope=\"scope\">\n          <span style=\"color: #409eff\" @click=\"handleView(scope.row)\"\n            >查看</span\n          >\n        </template>\n      </el-table-column>\n    </el-table>\n    <el-pagination\n      size=\"medium\"\n      @current-change=\"currentChange\"\n      style=\"margin-top: 20px; text-align: center\"\n      :page-size=\"pageSize\"\n      :pager-count=\"7\"\n      :current-page=\"page\"\n      layout=\"prev, pager, next\"\n      :total=\"total\"\n    >\n    </el-pagination>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      tableData: [],\n      pageSize: 10,\n      total: 0,\n      page: 1,\n      refs:''\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        const list = [];\n        this.total = parseInt(val.data.total_count);\n        val.data.list.forEach((item) => {\n          console.log(item);\n          let obj = {};\n          for (let i = 0; i < item.length; i++) {\n            if (item[i].field == \"zp\" && item[i].field_value) {\n              obj[item[i].field] = item[i].field_value.split(\",\")[0];\n            } else {\n              obj[item[i].field] = item[i].field_value;\n            }\n          }\n          list.push(obj);\n        });\n        this.tableData = list;\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  mounted(){\n  },\n  methods: {\n   currentChange(value) {\n      this.page=value\n      this.$emit(\"click\", { page: value });\n    },\n    handleView(item) {\n      const refs=this.$parent.getItemRefs()\n      refs[\"153340d5-7603-4819-9aff-2a49e32cdb60\"].$refs.main.check_record_id = item.check_record_id;\n      refs['96539d61-396c-4c92-8a0d-ac67a94180e6'].setDisplay(false)\n    },\n  },\n};\n</script>\n\n<style>\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  color: #fff !important;\n}\n.btn-quickprev {\n  color: #fff !important;\n}\n.el-table::before {\n          height: 0px;\n        }\n.el-table {\n  font-size: 20px !important;\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-pagination {\n  color: #fff !important;\n}\n.el-pager li.btn-quicknext {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  background: transparent !important;\n}\n.el-pager li {\n  background: transparent !important;\n}\n.el-table th {\n  background: rgb(22, 17, 90, 0.5) !important;\n  color: #fefefe;\n  border-bottom: none !important;\n}\n.el-table tr {\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-table--enable-row-transition .el-table__body td,\n.el-table .cell {\n  color: #fff;\n}\n\n.el-table--enable-row-hover .el-table__body tr:hover > td {\n  background: rgb(22, 17, 90, 0.5) !important;\n}\n</style>\n"
                    },
                    "left": -8.31,
                    "top": -12.7,
                    "index": "523e49c6-015f-4a25-81fe-dfd6d124d165",
                    "child": {
                        "index": [
                            "523e49c6-015f-4a25-81fe-dfd6d124d165"
                        ],
                        "paramList": [],
                        "paramName": "page",
                        "paramValue": "page"
                    },
                    "zIndex": 0,
                    "dataMethod": "post",
                    "url": "https://console-api.hibuilding.cn/plat/web/v1/common_check/check_tpl/first_form_list",
                    "display": false,
                    "proxy": false
                }
            ],
            "zIndex": 1,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        }
    ]
}